<template>

  <div>
    <el-button @click="showMessage">Click me</el-button>
  </div>
  <el-row class="mb-4">
    <el-button>Default</el-button>
    <el-button type="primary">Primary</el-button>
    <el-button type="success">Success</el-button>
    <el-button type="info">Info</el-button>
    <el-button type="warning">Warning</el-button>
    <el-button type="danger">Danger</el-button>
  </el-row>
</template>

<script>
import {Plus} from "@element-plus/icons-vue";

export default {
  components: {Plus},
  methods: {
    showMessage() {
      this.$message({
        message: 'Hello, Element Plus!',
        type: 'success'
      });
    }
  }
};
</script>
